<!doctype html>
<html>
	<head>
		<meta name="layout" content="main"/>
		<title>Welcome to Grails</title>
		<style type="text/css" media="screen">
			#status {
				background-color: #eee;
				border: .2em solid #fff;
				margin: 2em 2em 1em;
				padding: 1em;
				width: 12em;
				float: left;
				-moz-box-shadow: 0px 0px 1.25em #ccc;
				-webkit-box-shadow: 0px 0px 1.25em #ccc;
				box-shadow: 0px 0px 1.25em #ccc;
				-moz-border-radius: 0.6em;
				-webkit-border-radius: 0.6em;
				border-radius: 0.6em;
			}

			.ie6 #status {
				display: inline; /* float double margin fix http://www.positioniseverything.net/explorer/doubled-margin.html */
			}

			#status ul {
				font-size: 0.9em;
				list-style-type: none;
				margin-bottom: 0.6em;
				padding: 0;
			}

			#status h1 {
				text-transform: uppercase;
				font-size: 1.1em;
				margin: 0 0 0.3em;
			}

			#page-body {
				margin: 2em 1em 1.25em 18em;
			}

			h2 {
				margin-top: 1em;
				margin-bottom: 0.3em;
				font-size: 1em;
			}

			p {
				margin: 0.25em 0;
			}

			#controller-list ul {
				list-style-position: inside;
			}

			#controller-list li {
				list-style-position: inside;
				margin: 0.25em 0;
			}

			@media screen and (max-width: 480px) {
				#status {
					display: none;
				}

				#page-body {
					margin: 0 1em 1em;
				}

				#page-body h1 {
					margin-top: 0;
				}
			}
		</style>
	</head>
<body>
	<a href="#page-body" class="skip"><g:message
			code="default.link.skip.label" default="Skip to content&hellip;" /></a>
	<div id="status" role="complementary">
		<h2>Main Menu</h2>
		<ul>
		<li><a href="${resource(dir: 'user/', file: 'list')}">Users</a></li>
		<li>	<a href="${resource(dir: 'offer/', file: 'list')}">Offers</a></li>
			<li><a href="${resource(dir: 'store/', file: 'list')}">Stores</a></li>
			<br>
			<li> <g:link action="logout" controller="login">Logout</g:link><li>
		</ul>
		</div>

	<div id="page-body" role="main">
		<h1>About QuickMall</h1>
			<p align="justify">Imagine yourself at a mall entrance where you were to
buy a gift for your mother, now imagine the
difficulty of finding the product that your mother deserves, furthermore in the more cost effective store and in shortest time.
The QuickMall is the smartphone  missing app to you, aiming to provide
a map showing the best shopping offers and the route until the store.</p>
<img align="center" src="${resource(dir: 'images', file: 'scheme.png')}" /> <br><br><br>


			
</div>
</body>
</html>
